/*
 * Copyright (c) 2010-2021 Contributors to the Eclipse Foundation
 * 
 * See the NOTICE file(s) distributed with this work for additional
 * information regarding copyright ownership.
 * 
 * This program and the accompanying materials are made available under the
 * terms of the Eclipse Public License 2.0 which is available at
 * http://www.eclipse.org/legal/epl-2.0
 * 
 * SPDX-License-Identifier: EPL-2.0
 */

/* CheckBox
 * 
 * Styling CheckBox mainly includes:
 * 
 * 1. Containers
 * 		.dijitCheckBox|.dijitCheckBoxIcon - for border, padding, width|height and background image
 * 
 * 2. CheckBox within ToggleButton
 * 		.dijitToggleButton|.dijitToggleButtonChecked .* - for background image
 * 
 * 3. Checked state
 * 		.dijitCheckBoxChecked - for checked background-color|image
 * 		.dijitToggleButtonChecked - for border, background-color|image, display and width|height
 * 
 * 4. Hover state
 * 		.dijitCheckBoxHover|.dijitCheckBoxCheckedHover - for background image
 * 
 * 5. Disabled state
 * 		.dijitCheckBoxDisabled|.dijitCheckBoxCheckedDisabled - for background image
 */
.oneui .dijitCheckBox, .oneui .dijitCheckBoxIcon {
  background-image: url('images/checkboxRadioButtonStates.png');
  background-repeat: no-repeat;
  width: 14px;
  height: 14px;
  margin: 0 2px 0 0;
  padding: 0;
}
.oneui .dijitCheckBox{
  overflow: visible;
  margin-right: 5px;
}

.dj_ie6 .oneui .dijitCheckBox, .dj_ie6 .oneui .dijitCheckBoxIcon {
  background-image: url('images/checkboxRadioButtonStates8bit.png');
  /* checkbox sprite image */

}
.oneui .dijitCheckBox, .oneui .dijitToggleButton .dijitCheckBoxIcon {
  /* unchecked */

  background-position: -17px;
}
.oneui .dijitCheckBoxChecked, .oneui .dijitToggleButtonChecked .dijitCheckBoxIcon {
  /* checked */

  background-position: -1px;
}
.oneui .dijitCheckBoxDisabled {
  /* disabled */

  background-position: -65px;
}
.oneui .dijitCheckBoxCheckedDisabled {
  /* disabled but checked */

  background-position: -49px;
}
.oneui .dijitCheckBoxHover {
  /* hovering over an unchecked enabled checkbox */

  background-position: -113px;
}
.oneui .dijitCheckBoxCheckedHover {
  /* hovering over an checked enabled checkbox */

  background-position: -97px;
}

.oneui .dijitCheckBoxActive {
  /* hovering over an unchecked enabled checkbox */

  background-position: -161px;
}

.oneui .dijitCheckBoxCheckedActive {
  /* hovering over an unchecked enabled checkbox */

  background-position: -145px;
}

.dijitCheckBoxInner{
  /* inner text */

  visibility: hidden;
  display: none;
  position: absolute;
  text-align: center;
}

.oneui .dijitCheckBoxFocused{
	outline: 1px dotted #666666;
}